<template>
  <div class="about">
    <div class="head clear">
    <div class="head_left" style="display:flex;align-items:center;" @click="$router.go(-1)"><img src="../../assets/image/返回白@2x.png" alt=""><span class="sapn1" style="font-size:15px;float: left;color: #fff;">返回</span></div>
                   <div class="head_right" style="margin-left:0px;color:#fff;">签字</div>
    </div>
    <div class="main">
       <img :src=img alt="">
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      img: ''
    }
  },
  methods: {
    aa () {
      var ig = JSON.parse(localStorage.xiu).img1
      console.log(ig)
      this.img = ig
    }
  },
  created () {
    this.aa()
    document.title = '签名'
  },
  mounted () {
    document.body.style.backgroundColor = '#FAF9FE'
  }
}
</script>
<style scoped>
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
  zoom: 1;
}
.head{
    width: 100%;
    height: 44px;
    /* margin-bottom: 12px; */
    background: linear-gradient(90deg, #1DA3F1 0%, #1DC7F1 100%);
    margin-bottom: 10px;
    font-weight: bold;
    color:fff;

}
.head_left{
    float: left;
    margin: 10px 100px 0px 3px;
}
.head_right{
    float: left;
    margin-top: 10px;
    position: relative;
    font-size: 15px;
}
.head_left img{
    width: 7px;
    height: 13px;
    float: left;
    margin: 0px 5px 0px 15px;

}
.div{
    float: left;
    font-size: 15px;
}
.main{
    width: 345px;
    height: 250px;
    border: 1px solid #1da4f2;
    margin: 0px auto;
    border-radius: 10px;
}
img{
    width: 100%;
    height: 100%;

}
</style>
